<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset='utf-8'>
    <title> - 若维俱乐部 </title>
    <meta name='keywords' content=''>
    <meta name='description' content=''>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/myAttendance.css">
    <script>
        $.ajax({
            type:"POST",
            url:"testAttendance.json",
            dataType:'json',
            //data:{year:"2018",quarter:"1"},
            success:function(data){
                $("#myAttendance").html($("#myAttendance").html()
                    +"<tr><td>"+data.data.year+"</td>"
                    +"<td>"+datat.data.quarter+"</td>"
                    +"<td>"+data.data.count+"</td>"
                    +"<td>"+"管理员"+"</td>"
                    +"<td>"+"当前时间"+"</td></tr>"
                );
                }
            //error:function(){
            //alert("请求失败!请稍后再试.");
            //}
        })
    </script>
</head>
<body>

<!--头部开始-->
<div id="header" class="clearfix">
    <div class="logo fl">
        <img src="images/header_logo.jpg" alt="">
    </div>
    <ul class="title clearfix fl">
        <li class="hover"><a href="">首页</a></li>
        <li><a href="">博客</a></li>
        <li><a href="">招聘</a></li>
        <li><a href="">新闻</a></li>
        <li><a href="">优秀案例</a></li>
        <li><a href="">学员展示</a></li>
        <li><a href="">在线课程</a></li>
    </ul>
    <button>登录/注册</button>
</div>
<!--头部结束-->

<div class="banner">
    <img src="images/个人.png" alt="">
</div>
<!--banner结束-->

<!--头像开始-->
<div class="portrait">
    <div class="head">
        <img src="images/test.jpg" alt="">
    </div>
    <p class="name">脱发的程序猿</p>
    <p class="sex">男</p>
</div>
<!--头像结束-->

<!--主体部分开始-->
<div class="content clearfix">
    <div class="left fl">
        <ul>
            <li class="clearfix">个人信息<span> > </span></li>
            <li class="clearfix">我的博客<span> > </span></li>
            <li class="clearfix">我的课程<span> > </span></li>
            <a href="myResume.html"><li class="clearfix">我的简历<span> > </span></li></a>
            <li class="active clearfix">我的打卡<span> > </span></li>
        </ul>
    </div>
    <div class="right fl">
        <div class="title clearfix"><span>我的打卡</span></div>
        <div class="info">
            <form>
                <table>
                    <thread>
                        <tr>
                            <th width = 120px>年度</th>
                            <th width = 120px>季度</th>
                            <th width = 120px>打卡次数</th>
                            <th width = 120px>发布人</th>
                            <th width = 120px>发布时间</th>
                        </tr>
                    </thread>
                    <tbody id = "myAttendance">
                    <tr>
                        <td width = 120px align = center>2018</td>
                        <td width = 120px align = center>1</td>
                        <td width = 120px align = center>15</td>
                        <td width = 120px align = center>测试</td>
                        <td width = 120px align = center> 2018-10-2</td>
                    </tr>
                    <tr>
                        <td width = 120px align = center>2018</td>
                        <td width = 120px align = center>2</td>
                        <td width = 120px align = center>13</td>
                        <td width = 120px align = center>测试</td>
                        <td width = 120px align = center> 2018-10-2</td>
                    </tr>
                    <tr>
                        <td width = 120px align = center>2018</td>
                        <td width = 120px align = center>3</td>
                        <td width = 120px align = center>5</td>
                        <td width = 120px align = center>测试</td>
                        <td width = 120px align = center> 2018-10-2</td>
                    </tr>
                    <tr>
                        <td width = 120px align = center>2017</td>
                        <td width = 120px align = center>1</td>
                        <td width = 120px align = center>15</td>
                        <td width = 120px align = center>测试</td>
                        <td width = 120px align = center> 2018-10-2</td>
                    <tr>
                        <td width = 120px align = center>2017</td>
                        <td width = 120px align = center>2</td>
                        <td width = 120px align = center>18</td>
                        <td width = 120px align = center>测试</td>
                        <td width = 120px align = center> 2018-10-2</td>
                    </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
</div>
<!--主体部分结束-->

<!-- 底部开始 -->
<div id="footer">
    <div class="message clearfix">
        <div class="logo fl">
            <img src="images/footer_logo.jpg" alt="">
        </div>
        <dl class="fl">
            <dt><a href="">了解若维</a></dt>
            <dd><a href="">关于我们</a></dd>
            <dd><a href="">商务合作</a></dd>
        </dl>
        <dl class="fl">
            <dt><a href="">帮助与支持</a></dt>
            <dd><a href="">反馈建议</a></dd>
            <dd><a href="">联系我们</a></dd>
        </dl>
        <dl class="fl">
            <dt><a href="">联系我们</a></dt>
            <dd><a href="">联系电话：<span>0631-7894-666</span></a></dd>
            <dd><a href="">地址：山东省威海市高新技术开发区仁泰花园8号楼</a></dd>
        </dl>
    </div>
    <div class="copyright">
        <span>2013-2018若维信息 版权所有</span>
        <span>京公网安备110108020217751号</span>
        <span>京ICP备16034860号-1</span>
    </div>
</div>
<!-- 底部结束 -->
</body>
</html>